.music-player-item-01 {
    height: 310px;
    width: 224px;
    margin-right: 20px;
    float: left;
}

.music-player-item-image-box-01{
    position: relative;
    height: 224px;
    width: 224px;
    overflow: hidden;
}

.music-player-item-image-01 {
    height: 224px;
    transition: transform .75s;
}

.music-player-item-image-box-01:hover .music-player-item-image-01 {
    transform: scale(1.05);
}

.music-player-item-mask-01 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity .5s;
}

.music-player-item-image-box-01:hover .music-player-item-mask-01 {
    opacity: .2;
}

.music-player-item-play-01 {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px;
    width: 70px;
    height: 70px;
    background-image: url(../../image/cover_play.png);
    opacity: 0;
    transform: scale(.9);
    transition-property: opacity, transform;
    transition-duration: .8s;
}

.music-player-item-image-box-01:hover .music-player-item-play-01 {
    opacity: .9;
    transform: scale(1.1);
}

.music-player-name-01 {
    margin-top: 10px;
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.music-player-name-01:hover {
    color: #2caf6f;
}

.music-player-number-01 {
    margin-top: 5px;
    font-size: 14px;
    color: #999;
}

